<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set value="${pageContext.request.contextPath }" var="baseUrl"></c:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>更新个人信息</title>
    <script type="text/javascript" src="${baseUrl }/js/jquery-1.42.min.js"></script>
    <script type="text/javascript" src="${baseUrl }/js/jquery.js"></script>
    <link href="${baseUrl }/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <!-- 使用bootstrap前端框架，首先引入jquery -->
	<script type="text/javascript" src="${baseUrl }/js/jquery-3.3.1.js"></script>
	<!-- 引入js插件 -->
	<script type="text/javascript" src="${baseUrl }/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${baseUrl }/css/headbott.css" type="text/css"/>
    <script type="text/javascript" src="${baseUrl }/js/user.js"></script>
    <script type="text/javascript" src="${baseUrl }/js/cookie_util.js"></script>
    <script type="text/javascript" src="${baseUrl }/js/http.js"></script>
    <script type="text/javascript" src="${baseUrl }/js/user_ps.js"></script>
    <link href="${baseUrl }/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${baseUrl }/css/base.css" rel="stylesheet" type="text/css">
    <link href="${baseUrl }/css/reg.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="${baseUrl }/css/headbott.css" type="text/css"/>
    <link rel="stylesheet" href="${baseUrl }/css/ace.min.css" type="text/css"/>
</head>
<style>
    *{margin: 0;padding:0;}
    body{margin:0px;padding:0px;font-size:12px;font-family: "微软雅黑", Arial; text-align:center;color:#000;}
    div,p,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dt,dd,img,form{margin:0;padding:0;border:0;}
    ul,ol,li{list-style:none;}
    img{border:0; vertical-align:top;}
    a{text-decoration:none; cursor:pointer;color:#5A5A5A}
    a:hover{text-decoration:underline;}
    table,td,tr,th,input,select{font-size:13px;}
    input{font-family:Arial;} /*text and password width*/
    table,td{ border-collapse:collapse;}
    a:link{text-decoration:none;border:none;}
    a:hover{ text-decoration:none;border:none;}
    a:active{}
    a{}
    a:hover, a:visited{}
    .clear{ zoom:1;}
    .clear:after{ display:block;clear:both;height:0;content:''}

.show{
    display: block;
    
}
.hide{
    display: none;
}

body{background: #f9f9f9;color:#5A5A5A}
    .user-con{width: 1000px;margin: 20px auto;
        zoom: 1;overflow: auto;}

.user-conl{float: left;width: 175px;border:1px solid #c0c0c0;background: #f9f9f9;border-right: none}
    .user-conl li i{width:19px;height: 20px;position:absolute;left:30px;top:15px;display: inline-block;}
    .user-conl li .i1{background:url("images/Myhome_icom.png") no-repeat 0 0;}
    .user-conl li .i2{background:url("images/Myhome_icom.png") no-repeat 0 -50px;}
    .user-conl li .i3{background:url("images/Myhome_icom.png") no-repeat 0 -100px;}
    .user-conl li .i4{background:url("images/Myhome_icom.png") no-repeat 0 -153px;}
    .user-conl li .i5{background:url("images/Myhome_icom.png") no-repeat 0 -153px;}
    .user-conl li .i6{background:url("images/Myhome_icom.png") no-repeat 0 -50px;}
    .user-conl li .i7{background:url("images/Myhome_icom.png") no-repeat 0 -206px;}
    .user-conl li .i8{background:url("images/Myhome_icom.png") no-repeat 0 -253px;}
    .user-conl li .i9{background:url("images/Myhome_icom.png") no-repeat 0 -323px;}
    .user-conl li .i10{background:url("images/Myhome_icom.png") no-repeat 0 -376px;}
.user-conl li{position: relative}
.user-conl li a{display:inline-block;height:50px;width:175px;line-height:50px;border-left: 2px solid #f9f9f9;border-bottom:1px #ebebeb solid; }
.user-conl li b{display:inline-block;height:50px;width:175px;line-height:50px;border-left: 2px solid #f9f9f9;border-bottom:1px #ebebeb solid; }
.user-conl li a:hover{background:#fff;color:#009fd6;border-bottom:1px solid #009fd6;border-left: 2px solid #009fd6;}
.user-conl li .u-hover{background:#fff;border-left: 2px solid #f9f9f9;border-bottom:1px solid #009fd6;border-left: 2px solid #009fd6;color:#009fd6}
.user-conl li .a-tit{font-size:18px;}
    .user-conl li:hover .i1{background:url("images/Myhome_icom.png") no-repeat -19px 0;}
    .user-conl li:hover .i2{background:url("images/Myhome_icom.png") no-repeat -19px -50px;}
    .user-conl li:hover .i3{background:url("images/Myhome_icom.png") no-repeat -19px -100px;}
    .user-conl li:hover .i4{background:url("images/Myhome_icom.png") no-repeat -19px -153px;}
    .user-conl li:hover .i5{background:url("images/Myhome_icom.png") no-repeat -19px -153px;}
    .user-conl li:hover .i6{background:url("images/Myhome_icom.png") no-repeat -19px -50px;}
    .user-conl li:hover .i7{background:url("images/Myhome_icom.png") no-repeat -19px -206px;}
    .user-conl li:hover .i8{background:url("images/Myhome_icom.png") no-repeat -19px -253px;}
    .user-conl li:hover .i9{background:url("images/Myhome_icom.png") no-repeat -20px -323px;}
    .user-conl li:hover .i10{background:url("images/Myhome_icom.png") no-repeat -20px -376px;}
.user-conr{float: left;width:800px;border-zoom: 1;overflow: auto;background:#fff}

.user-conr_tab li{  cursor: pointer;width:100px; height:35px;line-height:35px;border:1px solid #c0c0c0;float: left;margin-left:10px;border-bottom:none;background:#ccc;}
.user-conr_tab  .cur{background:#fff;}
    .user-conr_tab{width:778px;height:35px;border: 1px solid #c0c0c0;padding:20px 0 0 20px;}
    .user-conr_tab2{width:798px;min-height:556px;overflow: auto;zoom: 1;border: 1px solid #c0c0c0;border-top:none;}
    .user-conr_tab2 li{display: none;padding:20px;}
    .user-conr_tab2 .curq2{display:block;}
</style>
<body>
<div id="header">
    <div class="heade-con">
        <div class="logo"><a href=""><img src="${baseUrl }/images/LOGO.png"/></a></div>
        <div class="nav posa">
            <ul>
                <li><a class="vcolor" href="${baseUrl }/index.jsp">首页</a></li>
                <li><a href="${baseUrl }/gyzc-list.jsp">公益众筹</a></li>
                <li><a href="${baseUrl }/cop.jsp">常见问题</a></li>
                <li><a href="${baseUrl }/ly-list.jsp">众筹资讯</a></li>
                <li><a href="${baseUrl }/new_product.jsp" style="">发布项目</a></li>
            </ul>
        </div>
        <div class="search">
            <form action="">
                <input type="text" class="search-txt" value="找项目">
                <input type="submit" class="search-but" value="">
            </form>
        </div>
        <div class="index-login">
        	<c:if test="${user1 == null }">
            	<a class="index-login1" href="${baseUrl }/login.jsp">登录</a>
            </c:if>
            <c:if test="${user1 != null }">
            	<a href="${baseUrl }/UserController/intoUser?usId=${user1.usId}"><img alt="用户头像" title="个人中心" src="http://pic1.win4000.com/wallpaper/5/5894364aa872c.jpg" width="30px"></a>
            	<span style="color: white;">|</span>
            	<a href="${baseUrl }/UserController/outUser" title="退出登录">注销</a>
            </c:if>
            <c:if test="${user1 == null }">
            	<span style="color: white;">|</span>
            	<a href="${baseUrl }/user.jsp">注册</a>
            </c:if>	

        </div>
    </div>
</div>
<script>
window.onload=function(){
	var btn = document.getElementById("btn");
	var pass = document.getElementById("password");
	alert(pass)
	btn.onmousedown=function(){
		pass.type="text"
	};
	btn.onmouseout=function(){
		pass.type="password"
	};



$(function(){
	var usSex = ${user.usSex}
	var usRole = ${user.usRole}
	//alert(usSex)
	$("#usSex option").each(function(){
		if($(this).val()==usSex){
			$(this).attr("selected",true)
		}
	});
	$("#usRole option").each(function(){
		if($(this).val()==usRole){
			$(this).attr("selected",true)
		}
	});

    var d_var=$(".search .search-txt").val();
    $(".search .search-txt").focus(function(){
        if($(this).val()==d_var){
            $(this).val("");
        }});

    $(".search .search-txt").blur(function(){
        if($(this).val()==""){
            $(this).val("找项目");
        }
    });
		
})   
</script>
<div class="user-con">
    <div class="user-conl">
<ul>
    <li><b class="a-tit" href="">项目管理</b></li>
    <li><i class="i1"></i><a  href="${baseUrl }/user.jsp">发起的项目</a></li>
    <li><i class="i2"></i><a href="">参与的项目</a></li>
    <li><i class="i4"></i><a href="">点赞的项目</a></li>
    <li><i class="i6"></i><a href="">资金管理</a></li>
    <li><b class="a-tit" href="">消息管理</b></li>
    <li><i class="i4"></i><a href="">我的评论</a></li>
    <li><i class="i4"></i><a href="">我的私信</a></li>
    <li><b class="a-tit" href="">个人设置</b></li>
    <li><i class="i7"></i><a class="u-hover"  href="${baseUrl }/updateUser.jsp">资料修改</a></li>
    <li><i class="i8"></i><a href="">安全信息</a></li>
    <li><i class="i9"></i><a href="">收件地址管理</a></li>
    <li><i class="i10"></i><a href="">实名认证</a></li>
</ul>
    </div>
    <div class="user-conr">
<div class="user-conr_tab">
    <ul>
        <li class="cur">个人信息</li>
    </ul>
</div>
        <div class="user-conr_tab2">
            <ul>
                <li class="curq2">
                <form style="width: 50%;display: inline-block" id="form1" action="${baseUrl }/UserController/updateUser">
                <fieldset>
                <input type="hidden" name="usId" value="${user.usId }">
                <h4 align="left">邮箱</h4>
                    <label class="block clearfix">
						<span  class="block input-icon input-icon-left">
							<input id="us_email" type="text" value="${user.usEmail }" name="usEmail"class="form-control"  />
							<i class="ace-icon fa fa-envelope"></i>
							<span id="emali_span"></span>
						</span>
                    </label><br>
                    <h4 align="left">用户名</h4>
                    <label class="block clearfix">
						<span class="block input-icon input-icon-left">
							<input id="us_name" name="usName" value="${user.usName }" type="text" class="form-control" />
							<i class="ace-icon fa fa-user"></i>
							<span id="name_span"></span>
						</span>
                    </label><br>
                    <h4 align="left">性别</h4>
                    <select id="usSex" name="usSex"class="block input-icon input-icon-left" style="font-weight:8px;color:red;">
                    	<option value="66">请选择</option>
                    	<option value="0" selected>女</option>
                    	<option value="1">男</option>
                    </select><br>
                    <h4 align="left">手机号码</h4>
                    <label class="block clearfix">
						<span  class="block input-icon input-icon-left">
							<input id="us_phone" name="usPhone" value="${user.usPhone }" type="text" class="form-control" />
							<i class="ace-icon fa fa-envelope"></i>
							<span id="phone_span"></span>
						</span>
                    </label><br>
                    <h4 align="left">账户余额</h4>
                    <label class="block clearfix">
						<span class="block input-icon input-icon-left" >
                            <i class="ace-icon fa fa-lock"></i>
							<input  class="form-control" name="usMoney"  value="${user.usMoney }" id= "us_money" type="text"  disabled="disabled" />
							<span id="money_span"></span>
						</span>
                    </label><br>
                    <h4 align="left">更改密码</h4>
                    <label class="block clearfix">
						<span class="block input-icon input-icon-left">
							<input id="password" type="password" value="${user.usPassword }" name="usPassword" class="form-control" placeholder="密码" />
							<input type="button" id="btn" value="按下显示密码">
							<i class="ace-icon fa fa-lock"></i>
						</span>
                    </label><br>
                    <h4 align="left">身份证号码</h4>

                    <label class="block clearfix">
						<span class="block input-icon input-icon-left">
							<input id="us_idcard" type="text" value="${user.usIdcard }"  readonly="readonly" name="usCard"class="form-control"  />
							<i class="ace-icon fa fa-lock"></i>
							<span id="idcard_span"></span>
						</span>
                    </label><br>
                    <h4 align="left">地址</h4>
                    <label class="block clearfix">
						<span class="block input-icon input-icon-left">
							<input id="us_address" value="${user.usAddress }"  name="usAddress"type="text"   class="form-control"  />
							<i class="ace-icon fa fa-envelope"></i>
							<span id="address_span"></span>
						</span>
                    </label>
                    <h4 align="left">用户状态</h4>
                    <select id="usRole" name="usRole"class="block input-icon input-icon-left" style="font-weight:8px;color:red;">
                    	<option value="">请选择
                    	<option value="0">未激活
                    	<option value="1">已激活
                    </select><br>
                     <h4 align="left">随机码</h4>
                    <label class="block clearfix">
						<span class="block input-icon input-icon-left">
							<input id="usCode" name="usCode" value="${user.usCode }"  type="text"  readonly="readonly" class="form-control"  />
							<i class="ace-icon fa fa-lock"></i>
							<span id="address_span"></span>
						</span>
                    </label>
                    <div class="space-24"></div>

                    <div class="clearfix">
                        <button type="reset" class="width-30 pull-left btn btn-sm">
                            <i class="ace-icon fa fa-refresh"></i>
                            <span class="bigger-110">重置</span>
                        </button>

                        <button id="keep" type="button" class="width-65 pull-right btn btn-sm btn-success"
                        		onclick="document.getElementById('form1').submit();">
                            <span class="bigger-110">保存</span>

                            <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
                        </button>
                    </div>
                </fieldset>
            </form>
                </li>
            </ul>
        </div>
    </div>
    <script>
        $(document).ready(function(){
            $(".user-conr_tab li").click(function(){
                $(".user-conr_tab li").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
                $(".user-conr_tab2 li").hide().eq($(this).index()).show(); })
            });

    </script>
</div>
<div id="bottom">
    <div class="bot-con1">
        <ul>
            <li class="bot-con1-li1">我们已经做到 </li>
            <li>单项支持人数<span class="inde-span1"></span></li>
            <li>单项筹款金额<span class="inde-span2"></span></li>
            <li>累计筹款金额<span class="inde-span3"></span></li>
        </ul>
    </div>
    <div class="bot-con1 bot-con2">
        <ul>
            <li class="bot-con1-li1">发起项目流程 </li>
            <li><span class="inde-span4"></span>发起人创建项目</li>
            <li><span class="inde-span5"></span>项目获得支持</li>
            <li><span class="inde-span6"></span>发起人发放回报</li>
            <li><span class="inde-span7"></span>用户收到回报</li>
        </ul>
    </div>
    <div class="bottom-ggt"><a href=""><img src="${baseUrl }/images/bottbom_68.jpg" alt=""/></a></div>
    <div class="zc-yqlink">
        <ul>
            <li><a href="">阿里巴巴集团</a></li>
            <li><a href="">淘宝网</a></li>
            <li><a href="">天猫</a></li>
            <li><a href="">聚划算</a></li>
            <li><a href="">全球速卖通</a></li>
            <li><a href="">阿里巴巴国际交易市场</a></li>
            <li><a href="">1688</a></li>
            <li><a href="">阿里妈妈</a></li>
            <li><a href="">阿里旅行</a></li>
            <li><a href="">阿里云计算</a></li>
            <li><a href="">阿里巴巴集团</a></li>
            <li><a href="">淘宝网</a></li>
            <li><a href="">天猫</a></li>
            <li><a href="">聚划算</a></li>
            <li><a href="">全球速卖通</a></li>
            <li><a href="">阿里巴巴国际交易市场</a></li>
            <li><a href="">1688</a></li>
            <li><a href="">阿里妈妈</a></li>
            <li><a href="">阿里云计算</a></li>
        </ul>
    </div>
    <div class="footer-bd">

        <a href=" ">关于淘宝</a>
        <a href=" ">合作伙伴</a>
        <a href=" ">营销中心</a>
        <a href=" ">廉正举报</a>
        <a href=" ">联系客服</a>
        <a href=" ">开放平台</a>
        <a href=" ">诚征英才</a>
        <a href=" ">联系我们</a>
        <a href=" ">网站地图</a>
        <a href=" ">法律声明</a>　　　
        <em>© 2003-2015 Taobao.com 版权所有</em><br>

        <br>
        <span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span>
        <b>|</b>
        <span data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
        <b>|</b>
        <span>信息网络传播视听节目许可证：1109364号</span>
        <b>|</b>
        <span>举报电话:0571-81683755</span>
    </div>
</div>
</body>
</html>